<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="root">
  <!-- 1.Vue中常用的按键别名（牢牢掌握）：
  回车 => enter
  删除 => delete (捕获“删除”和“退格”键)
  退出 => esc
  空格 => space
  换行 => tab（必须配	合keydown才有效果）
  上 => up
  下 => down
  左 => left
  右 => right
2.备注：也可以使用keyCode去指定具体的按键（不太推荐） -->
  <input
  type="text"
  placeholder="按下回车提示输入"
  @keyup.enter="keyModifier"
/><br />
<input
  type="text"
  placeholder="按下回车提示输入"
  @keyup.13="keyModifier"
/><br />
<input
  type="text"
  placeholder="按下删除提示输入"
  @keyup.delete="keyModifier"
/><br />
<input
  type="text"
  placeholder="按下esc提示输入"
  @keyup.esc="keyModifier"
/><br />
<input
  type="text"
  placeholder="按下空格提示输入"
  @keyup.space="keyModifier"
/><br />
<input
  type="text"
  placeholder="按下tab提示输入"
  @keydown.tab="keyModifier"
/><br />
<input
  type="text"
  placeholder="按下↓提示输入"
  @keydown.down="keyModifier"
/><br />
<input
  type="text"
  placeholder="按下w提示输入"
  @keydown.w="keyModifier"
/><br />
<input
  type="text"
  placeholder="按下alt+c提示输入"
  v-on:keyup.alt.67="keyModifier"
/>
</div>
</body>
</html>